<template>
  <div class="sound-wave-container">
    <div
      class="sound-wave"
      v-for="s in count"
      :key="s"
    ></div>
  </div>
</template>

<script>
export default {
  name: "SoundWave",

  data() {
    return {
      count: 11,
    };
  },
};
</script>

<style lang="scss" scoped>
.sound-wave-container {
  flex: 1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding: 0 25px;
  .sound-wave {
    width: 3px;
    height: 8px;
    background-color:#fff;
  }
}
</style>